<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>数字媒体技术课程作业</title>
</head>

<body>
  <nav>
    <h1>Navigation</h1>
    <ul>
      <li><a href="articles.html">Index of all articles</a></li>
      <li><a href="today.html">Things sheeple need to wake up for today</a></li>
      <li><a href="successes.html">Sheeple we have managed to wake</a></li>
    </ul>
  </nav>
  <h1>区块元素</h1>
  <hr>
  <h2>article</h2>
  <article>
    <header>
      <h2>文章标题</h2>
      <p>发表时间 评论数</p>
    </header>

  </article>
  <h1>行内元素和块元素</h1>
  <p> 内容段落<span>行内元素</span></p>
  <p>内容段落</p>
  <pre>


要了解更多信息，请联系.
     


      © copyright 2038 Example Corp.

  </pre>
  <div>
    <ol>
      <li>56</li>
      <li>78</li>
      <li>90</li>
    </ol>
    <ul>
      <li>56</li>
      <li>78</li>
      <li>90</li>
    </ul>
    <dl>
      <dt> 作者 </dt>
      <dd> Adam </dd>
      <dd> Cui </dd>
      <dt> 编辑 </dt>
      <dd> Fang </dd>
    </dl>
  </div>
  <div>
    <h1>内容嵌入元素</h1>
    <p><img src="https://ss2.baidu.com/-vo3dSag_xI4khGko9WTAnF6hhy/baike/s%3D220/sign=863cd8edf536afc30a0c38678318eb85/0bd162d9f2d3572c94ac09f18813632762d0c355.jpg"
        alt=""></p>
    <p><img src="../images/QQ图片20211102141035.jpg" alt="本地存储图片演示"></p>
    <p><iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=450
        src="https://music.163.com/outchain/player?type=0&id=5362591910&auto=1&height=430"></iframe></p>
    <p><embed src="http://player.youku.com/player.php/Type/Folder/Fid/27236393/Ob/1/sid/XMTU3MTQ1MjM3Mg==/v.swf"
        quality="high" width="480" height="400" align="middle" allowScriptAccess="always" allowFullScreen="true"
        mode="transparent" type="application/x-shockwave-flash"></embed></p>
  </div>
  <div>
    <h1>表格元素</h1>
    <table border=1>
      <thead>
        <th>表头1</th>
        <th>表头2</th>
        <th>表头3</th>
        <th>表头4</th>
      </thead>
      <tr>
        <td>单元格内容1</td>
        <td>单元格内容2</td>
        <td>单元格内容3</td>
        <td>单元格内容4</td>
      </tr>
      <tr>
        <td>单元格内容1</td>
        <td>单元格内容2</td>
        <td>单元格内容3</td>
        <td>单元格内容4</td>
      </tr>
      <tr>
        <td>单元格内容1</td>
        <td>单元格内容2</td>
        <td>单元格内容3</td>
        <td>单元格内容4</td>
      </tr>
    </table>
  </div>
  <section>
    <h1>表单元素练习</h1>
    <form action="http://www.bing.com/search" method="get">
      <label>Bing: <input type="search" name="q"></label> <input type="submit" value="Search...">
    </form>
    <form action="http://www.baidu.com/s" method="GET">
      <input type="search" name="wd"><input type="submit" value="百度一下">
    </form>
  </section>
  <footer><a href="https://www.wolai.com/mykns/uuXq75WBFiBZFqya4J5Wn9">《数字媒体技术》课程</a>作业<address>
      要了解更多信息，请联系<a href="mailto:js@example.com">作者</a>.
    </address>
    <p><small>© copyright 2038 Example Corp.</small></p>
  </footer>
</body>

</html>
